<%@ taglib prefix="c" uri="http://java.sun.com/jsp/jstl/core"%>
<%@ page contentType="text/html; charset=UTF-8" %>
<script type="text/javascript" src="<c:url value="/js/plug/colorpicker/colorpicker.js" />"></script>
<link rel="stylesheet" type="text/css" href="<c:url value="/js/plug/colorpicker/colorpicker.css" />" media="all" />
<div id="tabs" class="easyui-tabs" border="false" style="height: 240px">
	<div title="小工具" style="padding: 0px; overflow: hidden; color: red;">
		 <a id="colorSelector" href="javascript:void(0);" class="easyui-menubutton" data-options="iconCls:'ext-icon-cog'" style="color: blue;">点击取色</a>
	</div>
</div>

<script type="text/javascript">
			$(function(){
				
				$('#colorSelector').ColorPicker({
					color: '#0000ff',
					onShow: function (colpkr) {
						$(colpkr).fadeIn(500);
						return false;
					},
					onHide: function (colpkr) {
						$(colpkr).fadeOut(500);
						return false;
					},
					onChange: function (hsb, hex, rgb) {
						$('#colorSelector div').css('backgroundColor', '#' + hex);
					}
				});
			});
</script>
		
		 
			